﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>RocketsPocket | About</title>
 
    <meta name="author" content="Pham [7inpham@gmail.com] for RocketsPocket [w-cloud.appspot.com]" />
    <meta name="keywords" content=""
    />
 	<meta name="description" content=""
	/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
	<!-- [favicon] begin -->
    <link rel="shortcut icon" type="image/x-icon" href="images/icons/favicon.png" />
	<link rel="icon" type="image/x-icon" href="images/icons/favicon.png" />
	<!-- [favicon] end -->
	
    <!-- [template css] begin -->
	<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen, projection" />
	<link rel="stylesheet" href="css/960.css" type="text/css" media="screen, projection" />
    <!--[if IE]>
        <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen, projection" />
    <![endif]-->
    <!-- [template css] end -->
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.21.custom.min.js"></script>
	<script type="text/javascript" src="js/jquery-lang.js" charset="utf-8" ></script>
	<script type="text/javascript" src="js/langpack/vi.js" charset="utf-8" ></script>
	<script type="text/javascript">
		window.lang = new jquery_lang_js();
		$().ready(function() {
			window.lang.run();
			$('#mew').mouseout(function(){
				$(this).attr("src","images/Team_Rocket.png");
			}).mouseover(function(){
				$(this).attr("src","images/Team_Rocket_DP.png");
			});
			$("#langchang").draggable({
				opacity: 0.35
			});
			$("#nav").sortable();
			$("#nav").disableSelection();
		});
	</script>
</head>
<body>
	<div class="container_12 language" id="langchang">
		<a href="javascript:window.lang.change('en');"><img src="images/icons/flags/United-Kingdom-Flag.png"></a>
		<a href="javascript:window.lang.change('vi');"><img src="images/icons/flags/Viet-Nam-Flag.png"></a>
		<div class="clear"></div>
	</div>
	<!-- START TOP SECTION -->
	<div class="container_12">
	
		<!-- START LOGO -->
		<div class="grid_4 header">
			<a href="index.htm"><img src="images/logo.png" alt=""/></a>
		</div>
		<!-- END LOGO -->
   	 
		<!-- START NAVIGATION -->
   	  	<div class="grid_8 header">
   	  		<div id="navigation">
				<ul id="nav">
					<li id="home"><a href="index.htm" title="Home page" lang="en">Home</a></li>
					<li id="about"><a href="about.htm" title="About" class="currentPage" lang="en">About</a></li>
					<li id="portfolio"><a href="portfolio.htm" title="Gallery" lang="en">Gallery</a></li>
					<li id="feature"><a href="rspx/index.html" title="Feature" lang="en">Feature</a></li>
					<li id="contact"><a href="contact.htm" title="Contact" lang="en">Contact</a></li>
				</ul>
			</div>
		</div>
		<!-- END NAVIGATION -->
		
		<div class="clear"></div>
	</div>
	<!-- END TOP SECTION -->
   
	<!-- START MEDIUM SECTION -->
	<div class="container_12 medium">
   
		<!-- START MASCOTTE -->
		<div class="grid_4">
			<img src="images/Team_Rocket.png" alt="" class="mascotte" height="300" id="mew"/>
		</div>
		<!-- END MASCOTTE -->	
	   	
		<!-- START SLOGAN BALOON -->
		<div class="grid_8 ">
			<div id="baloon">
				<p>
					To protect the world from devastation!
					<br/>To unite all peoples within our nation!
					<br/>To denounce the evils of truth and love!
					<br/>To extend our reach to the stars above!
					<br/><span class="darkorange">Team Rocket</span> blast off at the speed of light!
					<br/>Surrender now, or prepare to fight!
					<br/>Meowth! That's right!
				</p>
			</div>
		</div>
		<!-- END SLOGAN BALOON -->
	
		<div class="clear"></div>
	</div>
	<!-- END MEDIUM SECTION -->
	
	<!-- START BOTTOM SECTION -->
	<div class="container_12 bottom">
   
		<!-- START ABOUT ME SECTION -->
	   	<div class="grid_4">
	   		<h2 lang="en">About <span class="orange">me</span></h2>
	   		
	   		<p>
	   			I'm kind of person who loves manga, shinobi, art, science, game,..., and many more.
				But it's is only my inspiration. You know! I'm still an amatuer myself. 
	   		</p>
	   	</div>
	   	<!-- END ABOUT ME SECTION -->

	   	<!-- START I DO SECTION -->
   		<div class="grid_4">
	   		<h2 lang="en">What's <span class="orange">RocketsPocket</span></h2>
	   		
	   		<p>
	   			RocketsPocket is my playground in coding using many appriciated techniques. I have granted
				myself two year for a perfect project. And I must say again: "It's only my inspiration". There are
				not many thing to wait for. But for now, I'm inspirating!
				</br></br>
				Powered by:
				</br>
				XHTML | CSS3 | HTML5 | RIA | Qooxdoo | Skin design | Webdesign | 
	   			JSON | NoSQL | JSP | Google App Engine | Google Code
	   		</p>
   		</div>
   		<!-- END I DO SECTION -->
   	
   		<!-- START CONTACT SECTION -->
	   	<div class="grid_4">
	   		<h2 lang="en">Do you like my work?<span class="orange"> Link me</span></h2>
	   		
	   		<img src="images/contact/phone.gif.png" alt="" />
	   		<a href="mailto:7inpham@gmail.com"><img src="images/contact/email.gif" alt="" /></a>
	   	</div>
	   	<!-- END CONTACT SECTION -->
	   	
	   	<div class="clear"></div>
   	</div>
   	<!-- END BOTTOM SECTION -->
   	
 	<!-- START FOOTER -->
   	<div class="container_12">
	   	<p class="footer">
	   		Under developing 2012 by <strong>Pham</strong> <br/>
	   		RocketsPocket project - Two year researching 2012 2014 - <a href="mailto:7inpham@gmail.com" title="Contact me">Mail to me</a>                     
		</p>
	</div>
	<!-- END FOOTER -->
   
</body>
</html>